<!DOCTYPE html>
<html>

<head>
    <title>banner部分</title>
    <meta charset="utf-8">
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css">

    <!-- 可选的Bootstrap主题文件（一般不用引入） -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap-theme.min.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>

    <style media="screen">
        .shadow {
            position: fixed;
            width: 100%;
            height: 100%;
            background: #000;
            opacity: 0.3;
            filter: alpha(opacity=30);
            left: 0;
            top: 0;
        }

        .mod_dialog {
            width: 100%;
            height: 100%;
            background: #fff;
            position: fixed;
            left: 0;
            top: 0;
        }

        td {
            vertical-align: middle !important;
        }
    </style>
</head>

<body>
    <div class="page">
        <ul class="nav nav-tabs">
            <li>
                <a href="/admin/">管理首页</a>
            </li>
            <li>
                <a href="/admin/banners">banner设置</a>
            </li>
            <li>
                <a href="/admin/images">images上传</a>
            </li>
            <li>
                <a href="/admin/news">公司新闻</a>
            </li>
            <li class="active">
                <a href="/admin/contact">联系方式</a>
            </li>
            <li>
                <a href="/admin/msg">留言管理</a>
            </li>
            <li>
                <a href="/admin/companyInfor">公司简介</a>
            </li>
            <li>
                <a href="/admin/headDescription">公司公告</a>
            </li>
            <li>
                <a href="/admin/companyHistory">公司历程</a>
            </li>
            <li>
                <a href="/admin/industryconsulting">行业咨询</a>
            </li>
            <li>
                <a href="/admin/partners">合作伙伴</a>
            </li>
            <li>
                <a href="/admin/product">产品服务</a>
            </li>
            <li>
                <a href="/admin/map">自定义地图</a>
            </li>
            <li>
                <a href="/admin/navname">一级导航名</a>
            </li>
        </ul>
        <div class="content-wrap">
            <div>
                <form action="?" method="post" role="form">
                    <label for="companyphone"> 公司电话：</label>
                    <input type="tel" name="companyphone" id="companyphone" class="form-control" placeholder="请输入公司电话" />

                    <label for="companyEmail"> 公司邮箱：</label>
                    <input type="email" name="companyEmail" id="companyEmail" class="form-control" rows="5" placeholder="输入公司邮箱" />

                    <label for="adress">公司地址：</label>
                    <input type="text" name="adress" id="adress" class="form-control" placeholder="输入公司地址" />

                    <label for="mailCode">邮编：</label>
                    <input type="text" name="mailCode" id="mailCode" class="form-control" placeholder="邮编" />

                    <button type="submit" class="btn btn-default">添加</button>
                </form>
            </div>
            <table class="table table-striped table-bordered table-hover">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>公司电话</th>
                        <th>公司邮箱</th>
                        <th>公司地址</th>
                        <th>邮编</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <% for(var i=0;i<contact.length;i++){ %>
                        <tr>
                            <td>
                                <%=contact[i].ID%>
                            </td>
                            <td>
                                <%=contact[i].company_phone%>
                            </td>
                            <td>
                                <%=contact[i].company_email%>
                            </td>
                            <td>
                                <%=contact[i].company_adress%>
                            </td>
                            <td>
                                <%=contact[i].company_mailcode%>
                            </td>
                            <td>
                                <a class="btn btn-warning" href="?act=mod&id=<%=contact[i].ID%>">修改</a>
                                <a class="btn btn-danger" href="?act=del&id=<%=contact[i].ID%>" onclick="return confirm('你真的要删吗？')">删除</a>
                            </td>
                        </tr>
                        <% } %>
                </tbody>
            </table>
            <% if(typeof mod_data!='undefined'){ %>
                <div class="shadow"></div>
                <div class="mod_dialog">
                    <form action="?" method="post">
                        <input type="hidden" name="mod_id" value="<%= mod_data.ID %>" />
                        <br> 公司电话：
                        <input type="tel" name="companyphone" value="<%= mod_data.company_phone %>" class="form-control" />
                        <br> 公司邮箱：
                        <input type="email" name="companyEmail" value="<%= mod_data.company_email %>" class="form-control">
                        <br> 公司地址：
                        <input type="text" name="adress" value="<%= mod_data.company_adress %>" class="form-control" />
                        <br> 邮编：
                        <input type="text" name="mailCode" value="<%= mod_data.company_mailcode %>" placeholder="邮编" />
                        <input class="btn btn-danger" type="submit" value="修改" />
                        <a class="btn btn-warning" href="/admin/contact">取消修改</a>
                    </form>
                </div>
            <% } %>
        </div>
    </div>
</body>

</html>